<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>01-css定义变量</title>
    <style>
        :root {
            /* 定义css变量 */
            --atguigu-color: red;
        }

        p {
            /* 使用css变量 */
            color: var(--atguigu-color);
        }
    </style>
</head>

<body>
    <p>好好学习</p>
</body>

</html>